﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="gr" lang="gr">
    <head>
        <link href="/css/style.css" type="text/css" rel="stylesheet" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>{% block title %}
            Αποδείξεις
            {% endblock %}</title>
        <script type="text/javascript" src="/js/jquery-1.3.2.min.js">
        </script>
        {% block extrahead %}
        {% endblock %}
    </head>
    <body>
        <div id = "page">
            <div id="top">
                {% block top %}
                <div id = "login">
                    {% if not user %}<b>login</b>
                    <a href="{{login}}">with google</a>
                    {% else %} 
                    Hi <b>{{user}}</b>!logout<a href="{{logout}}">{{trans.with}} google</a>
                    {% if show_form %}
                    <form action="." method="post">
                        {{userform.as_p}}
                        {{form.as_p}}<input type="submit" name="sign_in" value="Sign in" />
                    </form>{% endif %}
                    {% endif %}
                </div><!-- end login -->
                <div id = "topSmallMenu">
                </div>
                <!-- end topSmallMenu -->
                {% endblock %}
            </div>
            <!-- end top -->
            <div id="contents">
                {% block contents %}
                {% endblock %}
            </div>
            <!-- end contents -->
            <div id="debug">
                <hr/>{{ debug }}
            </div><!-- end debug -->
        </div><!-- end page -->
        {% block beforeEnd %} 
        {% endblock %} 
        <script type="text/javascript" src="/js/jquery.qtip-1.0.0.min.js">
        </script>
        <script type="text/javascript">
            $('[tooltip]').each(function() // Select all elements with the "tooltip" attribute
            {
                $(this).qtip({
                    content: $(this).attr('tooltip'),
                    position: {
                        corner: {
                            target: 'bottomMiddle',
                            tooltip: 'topMiddle'
                        }
                    },
                    style: {
                        name: 'green',
                        tip: 'topMiddle',
                    },
                    show: {
                        when: 'mouseover', // Show it on click
                        solo: true // And hide all other tooltips
                    },
                }); // Retrieve the tooltip attribute value from the current element
            });
// for list edit			
            $('.editBtn').each(function() // Select all elements with the "tooltip" attribute
            {
                $(this).qtip({
                    content: $(this).attr('title'),
                    position: {
                        corner: {
                            target: 'rightMiddle',
                            tooltip: 'leftMiddle'
                        }
                    },
                    style: {
                        name: 'green',
                        tip: 'leftMiddle',
                    },
                    show: {
                        when: 'mouseover', // Show it on click
                        solo: true // And hide all other tooltips
                    },
                }); // Retrieve the tooltip attribute value from the current element
            });
			
            //	{%comment%}
            $('input#id_date').qtip({
                content: 'Βοηθειά μας!!',
                position: {
                    corner: {
                        target: 'bottomMiddle',
                        tooltip: 'topMiddle'
                    }
                },
                style: {
                    width: 200,
                    padding: 5,
                    background: '#c0e48f',
                    color: 'black',
                    textAlign: 'center',
                    border: {
                        width: 3,
                        radius: 4,
                        color: '#b8e180'
                    },
                    tip: 'topMiddle',
                    name: 'dark' // Inherit the rest of the attributes from the preset dark style
                },
                show: 'focus',
                hide: 'blur'
            })
            //	{%endcomment%}
        </script>
        <script type="text/javascript">
            var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
            document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
        </script>
        <script type="text/javascript">
            try {
                var pageTracker = _gat._getTracker("UA-15183523-1");
                pageTracker._trackPageview();
            } 
            catch (err) {
            }
        </script>
    </body>
</html>
